<template>
  <div>
    <header>记事本<van-icon name="wap-nav" class="icons" @click="mask" /></header>
  </div>
</template>

<script>
import bus from "@/assets/Bus.js";
export default {
  name: "",
  data() {
    return {
      show:false
    };
  },
  mounted() {},
  methods: {
    mask() {
      this.show = !this.show
      bus.$emit("shows",this.show);
    },
  },
  computed: {},
  watch: {},
};
</script>

<style scoped lang="scss">
header {
  height: 50px;
  line-height: 50px;
  background: pink;
  text-align: center;
  .icons {
    position: absolute;
    top: 15px;
    right: 10px;
  }
}
</style>
